.gallery {
    margin-top:5*@scale-base;
    .item {
        position: relative;
        background-color: @light-color;
        transition: 0.3s @standard-curve all;
        cursor: pointer;
        .box-shadow;
        &:hover{
            // cursor: pointer;
            .box-shadow;
            // transform: translate3d(0,-5px,0)
        }
        &:active{
            box-shadow: none;
            // transform: translate3d(0,0,0);
            // transition: 0.1s @standard-curve all; 
        }
    }
    .thumbnail{
        height: 30*@scale-base;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .desc{
        width: 100%;
        line-height: 2;
        padding:@scale-base 3*@scale-base;
        left: 0;
        bottom: 0;
    }
    .date{
        font-size: 12px;
        line-height: 3.5*@scale-base;
        color: @text-lighter;
        float: right;
    }
    &>.row>div{
        margin-bottom: 3*@scale-base;
    }
}
.contact-me{
    margin: 2*@scale-base  0 3*@scale-base 0;
    a{
        line-height: 2;
        &:nth-child(1){
            margin-right: 5*@scale-base;
        }
    }
}
a{
    color: aqua;
    &:hover{
        color: rgba(0, 255, 255, 0.637);
    }
    &:focus{
        color: aqua;
    }
}
@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .to-address {
      display: block;
      line-height: 2;
      margin: 3*@scale-base 0;
  }